header {
    position: relative;
}

/* 茶叶导航栏 */
.conHead {
    width: 100%;
    height: .4609rem;
    background-color: #f9f9f9;
    padding: .1563rem 0 .3125rem;
}

.conHead p {
    font-size: .1094rem;
    display: block;
    float: left;
    line-height: .1484rem;
}

.conHead span {
    color: #90af6b;
    margin: 0 .0391rem;
}

.conHead a {
    color: #444;
}

.conHead a:hover {
    color: #444;
}

.conHead .nowtea {
    color: #90af6b;
}

/* 内容盒子 */

/* 头部内容盒子 */
.topContent {
    margin-top: .3125rem;
}

.topContent:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.imgbox {
    float: left;
    width: 3.2813rem;
    position: relative;
}

.prodBox .smallimg {
    width: 3.2813rem;
    height: 3.2813rem;
}

.prodBox .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.8203rem;
    height: 1.8203rem;
    background: rgba(255, 255, 255, .4);
    border: 1px solid #e6e6e6;
    display: none;
}

.bigimgBox {
    position: absolute;
    top: 0;
    left: 3.2813rem;
    width: 3.2969rem;
    height: 3.2969rem;
    border: 1px solid #888888;
    overflow: hidden;
    display: none;
}

.bigimgBox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 6.25rem;
    height: 6.25rem;
}

.leastImg {
    width: .7266rem;
    height: .7266rem;
    margin-top: .125rem;
}

/* 头部右侧介绍文字 */
.teaInfor {
    float: left;
    width: 3.7188rem;
    margin-left: .2969rem;
}

.teaName {
    font-size: .1719rem;
    font-weight: 400;
    color: #444;
    margin-bottom: .1563rem;
}

.partition {
    width: .2344rem;
    height: .0234rem;
    margin: .1172rem 0 .1563rem;
    background-color: #94b9dc;
}

.money {
    font-size: .1719rem;
    font-weight: normal;
    color: #444444;
    font-family: sans-serif;
    line-height: .1719rem;
}

.introduce {
    line-height: .1563rem;
    font-size: .1016rem;
    font-weight: normal;
    color: #939393;
    margin-top: .1875rem;
    margin-bottom: .1563rem;
}

.number {
    font-size: .1094rem;
    font-weight: normal;
    color: #777777;
    border-top: 1px dotted #ddd;
    padding: .0547rem 0;
}

.classify {
    font-size: .1094rem;
    font-weight: normal;
    color: #777777;
    border-top: 1px dotted #ddd;
    display: block;
    padding: .0547rem 0;
    margin-bottom: .1563rem;
}

.btnbox {
    height: .3438rem;
    margin-bottom: .1563rem;
}

.btnbox button {
    font-size: .125rem;
    font-weight: normal;
    color: #ffffff;
    border-color: #519f10;
    background-color: #519f10;
    padding: .1016rem .1875rem;
    margin-right: .125rem;
    float: left;
}

.btnbox p {
    float: left;
    border-color: #cccccc;
    height: .3438rem;
    width: .25rem;
    text-align: center;
    line-height: .3438rem;
    border: 1px solid #cccccc;
    cursor: pointer;
    user-select: none;
}

.btnbox input {
    float: left;
    height: .3438rem;
    width: .25rem;
    text-align: center;
    line-height: .3438rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

.collect span {
    margin-right: .025rem;
    font-size: .125rem;
}

/* 底部内容盒子 */
.mainContent {
    margin-top: .25rem;
    border-top: 1px solid #eeeeee;
}

.mainContent h3 {
    width: .4688rem;
    height: .3438rem;
    color: #333333;
    font-size: .125rem;
    font-weight: bold;
    border-top: .0313rem solid transparent;
    border-top: .0313rem solid #333333;
    text-align: center;
    line-height: .3438rem;
}

.mainContent p {
    font-size: .1172rem;
    color: #777;
    line-height: .1875rem;
    letter-spacing: .0082rem;
}

.mainContent img {
    width: 7.2969rem;
    height: 4.8516rem;
    margin-top: .1406rem;
    margin-bottom: .4297rem;
}

/* 相关产品 */
.correlation {
    height: 2.9531rem;
    border-top: 1px solid #eeeeee;
}

.correlation h3 {
    font-size: .1563rem;
    font-weight: normal;
    color: #555555;
    margin-top: .1172rem;
}

.correlation ul {
    margin-top: .0938rem;
    margin-bottom: .125rem;
}

.correlation ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.correlation ul li {
    float: left;
    margin-right: .3125rem;
}

.correlation ul li img {
    width: 1.7031rem;
    height: 1.7031rem;
}

.correlation ul li p {
    margin-top: .0938rem;
    font-size: .125rem;
    color: #8e8e8e;
}

.correlation ul li p:hover {
    color: #519f10;
}

.correlation ul li span {
    font-size: 14px;
    color: #8e8e8e;
}